import { Platform, StyleSheet, Dimensions } from 'react-native';

var windowWidth = Dimensions.get('window').width;
var windowHeight = Dimensions.get('window').height;

const styles = StyleSheet.create({
	container: {
		flex: 1,

		// paddingRight: 15,
		...Platform.select({
			ios: {
				paddingTop: 0
			}
		})
	},
	uploadAvatar: {
        flex: 1,
		width: windowWidth,
        height: windowHeight,
	},
    containerOverlayout:{
        width: windowWidth,
        height: windowHeight - 64,
        position: 'absolute',
        top: 0,
        left: 0,
    },
    topText:{
        width: windowWidth,
        height: 30,

		...Platform.select({
			ios: {
				lineHeight:30,
			},
			android:{
				lineHeight:23,
			}
		}),
		flex:1,
        textAlign: 'center',
        alignItems: 'center',
        justifyContent: 'center',
        color: '#555555',
        fontSize: 13,
        position: 'absolute',
        backgroundColor: '#FFFDED',
        top: 0,
        left: 0,
    },
    bottomBtnContent:{
        position: 'absolute',
		...Platform.select({
			ios: {
				bottom: 0,
			},
			android:{
				bottom: 15,
			}
		}),

        left: 0,
        flexDirection: 'row',

    },
    leftBtn:{
        flex:1,
        height: 44,
        backgroundColor: '#fff',
        alignItems: 'center',
        justifyContent: 'center',
    },
    rightBtn:{
        flex:1,
        height: 44,
        backgroundColor: '#EA5404',
        alignItems: 'center',
        justifyContent: 'center',
    },
    btnText:{
        textAlign: 'center',
        fontSize: 15,
        color: '#555555',
    },
	leftImage:{
        position: 'absolute',
        bottom: 50,
        left: 63.5
	},
    rightImage:{
        position: 'absolute',
        bottom: 50,
        right: 63.5
    },
    dialogContainer:{
        backgroundColor: '#fff',
        borderRadius: 2,
    },
    dialogBodyText:{
        textAlign: 'center',
        fontSize: 15,
        color: '#565656',
    },
    submitBtnContainer:{
        flexDirection: 'row',
        borderTopWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
    },
    submitBtnText:{
        color: '#565656',
        fontSize: 15,
    },
    submitCancelBtn:{
        flex: 1,
        height: 44,
        justifyContent: 'center',
        alignItems: 'center',

    },
    submitOkBtn:{
        flex: 1,
        height: 44,
        justifyContent: 'center',
        alignItems: 'center',
        borderLeftWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
    },

});

export default styles;
